<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
  // a++ 和 ++a  
  // 共同点: 将变量a的值 自增 1

  // 区别: 在自增过程中,出现其他操作(赋值,打印,方法调用)
  // a++  先赋值,再自增
  // ++a  先自增,再赋值

  // a--  先赋值,再自减
  // --a  先自减,再赋值


  // var a = 10;
  // a++;  // a = a + 1;
  // console.log(a);

  // var a = 10;
  // ++a;  // a = a + 1;
  // console.log(a);

  // ----------------------------------------
  // var a = 10;
  // var n = a++;   //  var n = a , a=a+1
  // console.log(a);  // 11
  // console.log(n);  // 10

  // var a = 10;
  // var n = ++a;   // a = a+1 ,var n = a;
  // console.log(a); // 11
  // console.log(n); // 11


  var a = 10;
  console.log(a++); // 10  console.log(a)  a+=1
  console.log(a);  // 11

  var a = 10;
  console.log(++a);  //  a+=1, console.log(a)
  console.log(a); // 11


  var a = 10;
  a
  var sum = a++ + ++a + ++a * 2 + a-- + --a;
  // 10+12+13*2+13+11
  sum
    // sum
    // a


</script>

</html>